{% extends "base.html" %}
{% load static %}

{% block  title %} 无忧cmdb | 首页{% endblock %}

{% block page-content %}

<!-- Content Header (Page header) -->

<!-- Content Header (Page header) -->
<section class="content-header">
  <div class="container-fluid">
    <div class="row mb-2">
      <div class="col-sm-6">
        <h1>用户管理</h1>
      </div>
      <div class="col-sm-6">
        <ol class="breadcrumb float-sm-right">
          <li class="breadcrumb-item"><a href="/dashboard/">Home</a></li>
          <li class="breadcrumb-item active">users</li>
        </ol>
      </div>
    </div>
  </div><!-- /.container-fluid -->
</section>




<!-- Content -->
<section id="content" class="content">



  <div class="row">
    <div class="col-md-12">



      <div class="row">
        <div class="col-md-12">
          <div class="box box-primary">
            <div class="box-header with-border">
              <h4 class="box-title">
                选择 用户 来修改
              </h4>
            </div>

            <div class="box-body">
              <div id="content-main">

                <div class="module filtered" id="changelist">
                  <div class="row" style="margin-bottom: 15px;">

                    <div class="col-md-10 col-sm-12 col-xs-12" id="toolbar">


                      <!--将filter和search合并到一个form中进行处理-->

                      <form id="changelist-search" class="form-inline" method="get">




                        <div class="form-group">
                          <select class="form-control select2 select2-hidden-accessible search-filter"
                            style="width: 100%;" tabindex="-1" aria-hidden="true" data-name="is_staff">
                            <option value="">工作人员状态</option>
                            <option value="">---------</option>




                            <option data-name="is_staff__exact" value="1">
                              是
                            </option>



                            <option data-name="is_staff__exact" value="0">
                              否
                            </option>


                          </select>
                        </div>


                        <div class="form-group">
                          <select class="form-control select2 select2-hidden-accessible search-filter"
                            style="width: 100%;" tabindex="-1" aria-hidden="true" data-name="is_superuser">
                            <option value="">超级用户状态</option>
                            <option value="">---------</option>




                            <option data-name="is_superuser__exact" value="1">
                              是
                            </option>



                            <option data-name="is_superuser__exact" value="0">
                              否
                            </option>


                          </select>
                        </div>


                        <div class="form-group">
                          <select class="form-control select2 select2-hidden-accessible search-filter"
                            style="width: 100%;" tabindex="-1" aria-hidden="true" data-name="is_active">
                            <option value="">有效</option>
                            <option value="">---------</option>




                            <option data-name="is_active__exact" value="1">
                              是
                            </option>



                            <option data-name="is_active__exact" value="0">
                              否
                            </option>


                          </select>
                        </div>





                        <!-- DIV needed for valid HTML -->
                        <div class="form-group">
                          <input class="form-control" type="text" size="40" name="q" value="" id="searchbar"
                            autofocus="">
                        </div>


                        <div class="form-group" id="search_group">
                          <button type="submit" class="btn btn-primary" style="margin-right: 5px;">搜索</button>



                        </div>

                      </form>

                    </div>



                    <div class="col-md-2 col-sm-12 col-xs-12 text-right">






                      <a href="/admin/auth/user/add/" class="btn btn-success">
                        <i class="fa fa-plus-circle"></i> &nbsp; 增加 用户
                      </a>




                    </div>

                  </div>

                  <div class="row">

                  </div>

                  <form id="changelist-form" method="post" novalidate=""><input type="hidden" name="csrfmiddlewaretoken"
                      value="88JnqW9UE80nsekIEzQhTSClc6G37zadsRIbUtkrzfhn8yhM8pCmnLFwwqdCYTSk">




                    <div class="row">
                      <div class="col-md-12">
                        <div class="actions">


                          <label><select name="action" required="" class="form-control">
                              <option value="" selected="">---------</option>

                              <option value="delete_selected">删除所选的 用户</option>

                            </select></label><label><input type="hidden" name="select_across" value="0"
                              class="select-across"></label>


                          <button type="submit" class="btn btn-primary" style="margin-right: 5px; margin-left: 15px;"
                            title="运行选中的动作" name="index" value="0">执行</button>



                          <span class="action-counter" data-actions-icnt="1">1 个中 0 个被选</span>




                        </div>
                      </div>
                      <script>document.querySelector('.actions select').setAttribute('class', 'form-control')</script>
                    </div>





                    <div class="dataTables_wrapper form-inline dt-bootstrap">
                      <div class="row">
                        <div class="col-sm-6"></div>
                        <div class="col-sm-6"></div>
                      </div>
                      <div class="row">
                        <div class="col-sm-12">
                          <table id="example2" class="table table-bordered table-hover dataTable" role="grid"
                            aria-describedby="example2_info">
                            <thead>
                              <tr role="row">

                                <th class="djn-checkbox-select-all" tabindex="0" aria-controls="example2" rowspan="1"
                                  colspan="1" aria-label="Rendering engine: activate to sort column descending">
                                  <div class="text"><span><input type="checkbox" id="action-toggle"></span> </div>
                                </th>

                                <th class="sorting_asc" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                  aria-label="Rendering engine: activate to sort column descending">
                                  <div class="text"><a href="?o=-1">
                                      用户名</a> <a href="?o=">
                                      <div style="margin-top: .2em;" class="fa fa-close pull-right"></div>
                                    </a></div>
                                </th>

                                <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                  aria-label="Rendering engine: activate to sort column descending">
                                  <div class="text"><a href="?o=2.1">
                                      电子邮件地址</a> </div>
                                </th>

                                <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                  aria-label="Rendering engine: activate to sort column descending">
                                  <div class="text"><a href="?o=3.1">
                                      名字</a> </div>
                                </th>

                                <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                  aria-label="Rendering engine: activate to sort column descending">
                                  <div class="text"><a href="?o=4.1">
                                      姓氏</a> </div>
                                </th>

                                <th class="sorting" tabindex="0" aria-controls="example2" rowspan="1" colspan="1"
                                  aria-label="Rendering engine: activate to sort column descending">
                                  <div class="text"><a href="?o=5.1">
                                      工作人员状态</a> </div>
                                </th>

                              </tr>
                            </thead>
                            <tbody>

                              <tr role="row" class="even">
                                <td class="action-checkbox"><input type="checkbox" name="_selected_action" value="1"
                                    class="action-select"></td>
                                <th class="field-username"><a href="/admin/auth/user/1/change/">admin</a></th>
                                <td class="field-email">1@qq.com</td>
                                <td class="field-first_name"></td>
                                <td class="field-last_name"></td>
                                <td class="field-is_staff"><img src="/static/admin/img/icon-yes.svg" alt="True"></td>
                              </tr>

                            </tbody>
                          </table>
                        </div>
                      </div>
                    </div>







                    <div class="col-sm-5">
                      <div class="dataTables_info" id="example2_info" role="status" aria-live="polite">
                        1

                        用户




                      </div>
                    </div>

                    <div class="col-sm-7">
                      <div class="dataTables_paginate paging_simple_numbers" id="example2_paginate">
                        <ul class="pagination">

                        </ul>
                      </div>
                    </div>

                  </form>
                </div>
              </div>
            </div>

          </div>
          <br class="clear">
        </div>
      </div>



    </div>
  </div>
</section>
<!-- END Content -->

{% endblock %}